<!-- ====== Border嵌入网页中 ====== -->
  <section class="bg-white pt-12 pb-8 lg:pt-[80px] lg:pb-[60px] dark:bg-dark">
    <div class="container mx-auto">
      <div
        class="bg-gray-2 dark:bg-dark-2 xs:px-10 flex flex-wrap items-center justify-between rounded-lg border border-stroke dark:border-dark-3 py-6 px-6 md:px-8 lg:px-10">
        <div class="w-full md:w-7/12 lg:w-2/3">
          <div class="mb-4 md:mb-0">
            <h4 class="xs:text-2xl mb-1 text-xl font-semibold text-dark dark:text-white md:text-xl lg:text-2xl">
              172号卡
            </h4>
            <p class="text-body-color dark:text-dark-6 text-base">
              172号卡平台，期待着每一位有志之士的加入！
            </p>
          </div>
        </div>

        <div class="w-full md:w-5/12 lg:w-1/3">
          <div class="flex items-center space-x-3 md:justify-end">
            <a
              href="https://h5.lot-ml.com/ProductEn/Index/1a654e0b341cadd2"
              target="_blank"
              rel="noopener noreferrer"
              class="bg-primary inline-flex items-center justify-center rounded-md py-3 px-7 text-center text-base font-medium text-white hover:bg-blue-dark">
              免费领卡
            </a>
            <a
              href="https://haoka.lot-ml.com/plugreg.html?agentid=90925"
              target="_blank"
              rel="noopener noreferrer" 
              class="text-body-color dark:text-dark-6 shadow-1 dark:shadow-none hover:bg-primary inline-flex items-center justify-center rounded-md bg-white dark:bg-dark py-3 px-7 text-center text-base font-medium hover:text-white">
              申请代理
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
<!-- ====== Border嵌入网页中 ====== -->